<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
    #container{width:80%;margin:0 auto}
	.div1{float:left;width:280px; vertical-align:top;margin-top:0px;text-align:left}
	.div2{float:left;width:180px;color:white}
	.div3{float:left;width:115px;text-align:center}
	.div4{float:left;width:115px;text-align:center}
	.div5{float:left;width:115px;text-align:center}
	.div6{float:left;width:100px;}
   .div7{clear:both;}
	.outter{background:pink;border-top:solid 1px gray;
	border-bottom:solid 1px #778899;
	padding:10px;margin:10px; position:relative}
	a{text-decoration:none}


	.itempic{border :solid 1px #01bcbc;
	background:white;position:absolute;top:-80px;left:130px;	z-index:999;display:none}

	.itempic img{text-align:center;vertical-align:center}
	.footer{font-size:12px;line-height:20px;text-align:center;}
 </style>
</head>

<body>
<div id="container">
  <div class="header"><IMG SRC="img/bg.jpg" WIDTH="100%" HEIGHT="145" BORDER="0" ALT=""></div>
  <div class="middle">
		
			 <div style="text-align:center;margin:10px;">
				<div class="div1"><INPUT TYPE="checkbox" NAME="selectAll"  onchange="checkAll(event)">全选 商品信息</div>
				<div class="div2">xxxxx</div>
				<div class="div3">单价（元）</div>
				<div class="div4">数量</div>
				<div class="div5">金额（元）</div>
				<div class="div6">操作</div>
				<div class="div7"></div>
			 </div>
	<form name="shop1">
			 <div style="margin:10px">
				<INPUT TYPE="checkbox" NAME="shops" id="shop1" onchange="check(event)">店铺：CoffeeBean.</div>
			  
			  <div class="outter">
			 
				<div class="div1" >
					
					<INPUT TYPE="checkbox" name="goods" style="vertical-align:top" id="1" onchange="check2(event)">
					<IMG SRC="img/1.jpg" WIDTH="79" HEIGHT="80" BORDER="0" onmouseover="showpic(33)" onmouseout="hidepic(33)">	
					
					<div class="itempic" id="33">
						<IMG SRC="img/1.jpg" WIDTH="238" HEIGHT="240" BORDER="0" ALT="大图" >
					</div>
					
					<div  style="font:12px;width:100px;vertical-align:top;display:inline-block;"><A HREF="" alt="女孩公主毛绒玩具公仔布娃娃超大可爱洋娃娃儿童陪睡芭比娃娃婴儿">女孩公主毛绒玩具公仔布娃娃超大可爱洋娃娃</A></div>
				</div>
				
				<div class="div2" style="color:gray;font-size:12px">颜色分类：粉红猪（百变小猪款）<br>
高度：45厘米左右（迷你版）亏本包邮</div>
				<div class="div3" id="p1">24.75</div>
				<div class="div4">
					<input type="number" name="num" value="1" style="width:60px;text-align:center" onchange="count(1)" id="n1"></div>
				<div class="div5"   id="u1">24.75</div>
				<div class="div6" style="font-size:12px;text-align:center;line-height:20px"><A HREF="">移入收藏夹</A><br><A HREF="">删除</A></div>
				<div class="div7"></div>
				
			 </div>
			  <div class="outter">

				<div class="div1" >
					<INPUT TYPE="checkbox" name="goods" style="vertical-align:top" id="2" onchange="check2(event)">
					<IMG SRC="pic/shoppingcart/4.jpg" WIDTH="79" HEIGHT="80" BORDER="0" ALT="" onmouseover="showpic(44)" onmouseout="hidepic(44)">
					<div class="itempic" id="44">
						<IMG SRC="pic/shoppingcart/44.jpg" WIDTH="238" HEIGHT="240" BORDER="0" ALT="">
					</div>
					<span  style="font:12px;width:100px;vertical-align:top;display:inline-block"><A HREF="" alt="杰克/凯蒂穿衣服娃娃毛绒布料公仔玩具 益智宝宝玩具0-1岁">杰克/凯蒂穿衣服娃娃毛绒布料公仔玩具</A></span>
				</div>
				<div class="div2" style="color:gray;font-size:12px">颜色分类：AG2002<br>高度：40厘米</div>
				<div class="div3" id="p2">49.0</div>
				<div class="div4"><input type="number" name="num" value="1" id="n2" style="width:60px;text-align:center" onchange="count(2)"></div>
				<div class="div5" id="u2">49.0</div>
				<div class="div6" style="font-size:12px;text-align:center;line-height:20px"><A HREF="">移入收藏夹</A><br><A HREF="">删除</A></div>
				<div class="div7"></div>
			 </div>
	</form>
	<form name="shop2">
			  <div style="margin:10px"><INPUT TYPE="checkbox" NAME="shops" id="shop2" onchange="check(event)">店铺：墨语英文儿童书店</div>
			   <div class="outter">
				<div class="div1" >
					<INPUT TYPE="checkbox" name="goods" style="vertical-align:top" id="3" onchange="check2(event)">
					<IMG SRC="pic/shoppingcart/1.jpg" WIDTH="79" HEIGHT="80" BORDER="0" ALT="" onmouseout="hidepic(11)" onmouseover="showpic(11)">
					<div class="itempic" id="11">
					<IMG SRC="pic/shoppingcart/11.jpg" WIDTH="240" HEIGHT="205" BORDER="0" ALT="">
					</div>
					<span  style="font:12px;width:100px;vertical-align:top;display:inline-block"><A HREF="" alt="原版英文儿童书 分级阅读书 rigby level 6 I Can't Open It!">原版英文儿童书 分级阅读书 rigby level 6 I Can't Open It!</A></span>
				</div>
				<div class="div2" style="color:gray;font-size:12px"><span style="color:pink">xxxx</span></div>
				<div class="div3" id="p3">3.15</div>
				<div class="div4"><input type="number" name="num" value="1" id="n3" style="width:60px;text-align:center" onchange="count(3)"></div>
				<div class="div5" id="u3">3.15</div>
				<div class="div6" style="font-size:12px;text-align:center;line-height:20px"><A HREF="">移入收藏夹</A><br><A HREF="">删除</A></div>
				<div class="div7"></div>

			 </div>
			  <div class="outter">
				<div class="div1" >
					<INPUT TYPE="checkbox" name="goods" style="vertical-align:top" id="4" onchange="check2(event)">
					<IMG SRC="pic/shoppingcart/2.jpg" WIDTH="79" HEIGHT="80" BORDER="0" ALT=""onmouseout="hidepic(22)" onmouseover="showpic(22)">
					<div class="itempic" id="22">
					<IMG SRC="pic/shoppingcart/22.jpg" WIDTH="240" HEIGHT="205" BORDER="0" ALT="">
					</div>
					<span  style="font:12px;width:100px;vertical-align:top;display:inline-block"><A HREF="" alt="原版英文儿童书 分级阅读书 rigby level 5 Where Are They?">原版英文儿童书 分级阅读书 rigby level 5 Where Are They?</A></span>
				</div>
				<div class="div2" style="font-size:12px;color:gray"><span style="color:pink">xxxx</span></div>
				<div class="div3" id="p4">3.15</div>
				<div class="div4"><input type="number" name="num" value="1" id="n4" style="width:60px;text-align:center" onchange="count(4)"></div>
				<div class="div5" id="u4" >3.15</div>
				<div class="div6" style="font-size:12px;text-align:center;line-height:20px"><A HREF="">移入收藏夹</A><br><A HREF="">删除</A></div>
				<div class="div7"></div>
			 </div>
	</form>
			 <div style="text-align:right;">已选商品<span style="font-size:2em;color:#d2691e;font-weight:bolder" id="piece">0</span>件
			           合计 (不含运费)<span style="font-size:2em;color:#d2691e;font-weight:bolder">￥<span id="money" >0</span></span>
					 <A HREF="">  <div style="display:inline-block;width:120px;height:30px;background:#d2691e;-webkit-border-radius:10;font-size:20px;color:white;font-weight:bold;font-family:黑体;text-align:center;padding:10px">结 算</div></A>
			 
			 </div>
	
  </div>
  <div class="footer">关于淘宝合作伙伴营销中心廉正举报联系客服开放平台诚征英才联系我们网站地图法律声明? 2014 Taobao.com 版权所有<br>
网络文化经营许可证：文网文[2010]040号|增值电信业务经营许可证：浙B2-20080224-1|信息网络传播视听节目许可证：1109364号</div>
<script type="text/javascript">
function count(x){
	var price = document.getElementById("p"+x).innerHTML;
	var num = document.getElementById("n"+x).value;
	document.getElementById("u"+x).innerHTML= price*num;
	 cal();	
	}
	function cal(){
		var piece = 0;
		var money = 0;
		var o = document.getElementsByTagName("input");
		for(i=0;i<o.length;i++){
			//遍历
			if(o[i].type=="checkbox"){
				//是否选中
				if(o[i].checkbox&&o[i].name=="goods"){
					document.getElementById("u"+o[i].id).innerHTML
					piece+= 1;
					money+=Number(t);
					
					}
				}
			}
		document.getElementById("piece").innerHTML=piece;
		document.getElementById("money").innerHTML=money;
		}


</script>
</div>
</body>
</html>
